/*
	Zeigt eine Mouse-Over-Popup-Box an.

	Verwendungsbeispiel:
	onmouseover="showLargePic(this, '<div style=\'border:1px solid #000;\'><img src=\'%db02%\'></div>');" onmouseout="hideLargePic();"
*/
var largePic = null;
var largePicWhich = null;

function showLargePic(which, html, xOffset, yOffset)
{
	if (largePic != null)
	{
		document.body.removeChild(largePic);
		largePic = null;
	}

	which.onmousemove = function (e)
	{
		if (largePic == null)
		{
			var div = document.createElement("div");
			div.innerHTML = html
			div.style.position = "absolute";
			div.style.zIndex = "100000";
			div.style.visibility= "hidden";
			largePic = document.body.appendChild(div);
		}

		var x, y;

		if (!e)
		{
			x = event.clientX + getScrollX();
			y = event.clientY + getScrollY();
		}
		else
		{
			x = e.pageX;
			y = e.pageY;
		}
		if (y + largePic.clientHeight > getScrollY() + getViewportHeight())
		{
			y = getScrollY() + getViewportHeight() - largePic.clientHeight;
		}

		x += (xOffset != undefined ? xOffset : 10);
		y += (yOffset != undefined ? yOffset : 0);

		largePic.style.left = x + "px";
		largePic.style.top = y + "px";
		largePic.style.visibility = "visible";
	}
}

function hideLargePic()
{
	if (largePic != null)
	{
		document.body.removeChild(largePic);
		largePic = null;
	}
}

function getScrollX()
{
	if (window.pageXOffset)
	{
		return window.pageXOffset;
	}
	else if (document.documentElement && document.documentElement.scrollLeft)
	{
		return document.documentElement.scrollLeft;
	}
	else if (document.body)
	{
		return document.body.scrollLeft;
	}
	else
	{
		return 0;
	}
}

function getScrollY()
{
	if (window.pageYOffset)
	{
		return window.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{
		return document.documentElement.scrollTop;
	}
	else if (document.body)
	{
		return document.body.scrollTop;
	}
	else
	{
		return 0;
	}
}

function getViewportHeight()
{
	if (window.innerHeight)
	{
		return window.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
	{
		return document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		return document.body.clientHeight;
	}
	else
	{
		return 0;
	}
}